<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/swiper.min.js"></script>
    <script src="js/index.js"></script>
    <title>祝党百岁生日</title>
</head>

<body>
    <!-- 头部 start -->
    <header class="header ">
        <nav class="w navbar  clearfix">
            <div class="logo">
                <h3>我的党</h3>
                <a href="index.html" title="我亲爱的祖国"><img src="images/国旗1024.png" alt=""></a>
            </div>
            <ul class="nav-top">
                <li><a href="index.html">首页</a></li>
                <li class="nav-c"><a href="dang.html">党的步伐</a></li>
                <li class="nav-c"><a href="people.html">可爱的人</a></li>
                <li><a href="spire.html" class="nav-c">精神的传承</a></li>
            </ul>


            <div class="nav-right">
                <a href="动力点点组+网页展示说明.docx" title="点击将会跳到百度">了解更多 </a>
            </div>

        </nav>
        <div class="nav-b">
            <p>
                百年征程波澜壮阔，百年初心历久弥坚。
                从播下革命火种的小小红船，到领航复兴伟业的巍巍巨轮，
                在百年奋斗历程中，我们党领导人民取得了举世瞩目的辉煌成就，
                书写了波澜壮阔的历史画卷。
            </p>
        </div>
        <div class="nav-b ">
            <p>今年是共产党建立100周年，是共产党的领导带给了我们这么好的生活，
                带给了我们当今这么强大，繁荣的中国，也将会一直带领着我们走向更美好
                更加富强和谐的生活。而我们今天的国家的强大，也离不开那些一直在默默奉献
                为中国探讨未来的他们————那些可爱的人们。
            </p>

        </div>
        <div class="nav-b">
            <p>民族精神是反映在长期的历史进程和积淀中形成的民族意识、
                民族文化、民族习俗、民族性格、民族信仰、民族宗教，
                民族价值观念和价值追求等共同特质。民族精神是指民族传统文化中维系
                、协调、指导、推动民族生存和发展的精粹思想，是一个民族生命力、
                创造力和凝聚力的集中体现，是一个民族赖以生存、共同生活
                、共同发展的核心和灵魂。
            </p>
        </div>
        <script src="js/nav.js"></script>
    </header>



    <div class="top-bc">
        <div class="banner w">
            <!-- <img class="img" src="images/child.jpg" />
        <div class="video">
            <video autoplay="autoplay" muted="muted" loop="loop">
                <source type="video/webm" src="video/video1.webm">
                </source>
                <source type="video/mp4" src="video/video1.mp4">
                </source>
            </video>
        </div> -->

            <!-- <img src="images/飞机.jpg" alt="" class="img-banner">
        <span class="title"><a href="">更好的了解中国的强大</a></span>
        <script src="js/animotor.js"></script> -->
            <div class="swiper-container m-t">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="title" data-swiper-parallax="-130%">
                            <h3>prosperous</h3>
                        </div>
                        <div class="img-box"><img src="images/飞机.jpg" style="transform:translateX(0);"></div>
                    </div>
                    <div class="swiper-slide">
                        <div class="title" data-swiper-parallax="-130%">
                            <h3>strong</h3>
                        </div>
                        <div class="img-box"><img src="images/阅兵1.jpg"></div>
                    </div>
                    <div class="swiper-slide">
                        <div class="title" data-swiper-parallax="-130%">
                            <h3>pride</h3>
                        </div>
                        <div class="img-box"><img src="images/阅兵3.jpg"></div>
                    </div>
                </div>
                <div class="button-prev button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 350 160 90">
                        <g id="arrow-svg-home">
                            <g id="circ" class="cls-1">
                                <circle cx="42" cy="42" r="40" class="cls-4"></circle>
                            </g>
                            <g id="arrow">
                                <path id="arrow-trg" d="M.983,6.929,4.447,3.464.983,0,0,.983,2.482,3.464,0,5.946Z">
                                </path>
                            </g>
                            <path id="line" d="M120,0H0" class="cls-3"></path>
                        </g>
                    </svg></div>
                <!--左箭头-->
                <div class="button-next button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 350 160 90">
                        <g id="arrow-svg-home">
                            <g id="circ" class="cls-1">
                                <circle cx="42" cy="42" r="40" class="cls-4"></circle>
                            </g>
                            <g id="arrow">
                                <path id="arrow-trg" d="M.983,6.929,4.447,3.464.983,0,0,.983,2.482,3.464,0,5.946Z"
                                    class="cls-2"></path>
                            </g>
                            <path id="line" d="M120,0H0" class="cls-3"></path>
                        </g>
                    </svg></div>
                <!--右箭头-->
            </div>
        </div>

    </div>

    <div class="main">
        <div class="main-top w clearfix">
            <h3>阅兵典礼</h3>
            <!-- <div class="video">
                <video autoplay="autoplay" muted="muted" loop="loop">
                    <source type="video/webm" src="video/video1.webm">
                    </source>
                    <source type="video/mp4" src="video/video1.mp4">
                    </source>
                </video>
            </div> -->
            <div class="m-side">
                <img src="images/阅兵3.jpg" alt="">
            </div>
            <p class="main-right">阅兵，无疑是让每个中华儿女都欢欣鼓舞的。
                在阅兵大会，不但展出了诸多新式装备，反映出了祖国当前国力之强盛，
                更是激发了全国上下的爱国情怀，让全国民众的精神为之一振。
                是国家的综合国力的综合表现。</p>
        </div>

        <div class="main-top w main clearfix">
            <h3>庆祝中国共产党建党一百周年</h3>
            <div class="m2-side">
                <div class="swiper-container m-d">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="images/党1.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="images/党2.jpg" alt=""></div>

                    </div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>

            </div>
            <p class="ma-left">
                庆祝中国共产党成立100周年的活动主要包括开展党史学习教育、举行庆祝大会、
                开展“七一勋章”评选颁授和全国“两优一先”评选表彰、举办大型主题展览、举办文艺演出、
                召开理论研讨会和座谈会、创作推出一批文艺作品和出版物、开展群众性主题宣传教育活动。

                2021年3月24日，中宣部发布中国共产党成立100周年庆祝活动标识。</p>


        </div>
    </div>
    <!-- end start -->
    <div class="end w">
        <h3 class="end-t">本网页为<strong>动力点点小组</strong>参加比赛所创。</h3>
        <h3 class="end-t">没能很好的表达出心中满腔的爱国热情，若有更好的创意表达，请在留言区留言
            <a href="javascripts:;" class="open" title="请点击，点击后课可发表言论"></a>
            <textarea name="" id="" cols="30" rows="10" class="title-box"></textarea>
            <s title="发送" class="send"></s>

        </h3>
        <div class="comment w">

            <p>还有很多的改进的空间</p>

        </div>
    </div>
    <script src="js/comment.js"></script>


    <!-- end  end -->


</body>

</html>